<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Form Page</title>
  <script src = "js/jquery-1.11.3.js"></script>
  <script src = "js/jquery.form.js"></script>
</head>
<body>
<h1>文件上传</h1>
<h2>ajax上传</h2>
<form id= "uploadForm">
  <p>上传文件： <input type="file" name="file" id="file"/></p>
  <input type="button" value="上传" onclick="submitImport()" />
  <p id ="location" >文件位置：</p>
</form>
</body>

<script>
  function submitImport(){
    $('#uploadForm').ajaxSubmit({
      type: 'post', // 提交方式 get/post
      url: 'http://www.ypinkj.com/api/setImg', // 需要提交的 url
      success: function(data) { // data 保存提交后返回的数据，一般为 json 数据
        // 此处可对 data 作相关处理
        $("#location").append("<p>" + data+"</p>");
        console.log(data);
        console.log(123);
      }
    });
    return false; // 阻止表单自动提交事件
  }
</script>
</html>
